// components/nav_bar/nav_bar.js
Component({
  options: {
    // 默认情况: 子组件是隔离样式
    // 一旦设置为true, 父组件就可以拿到子组件中的样式类
    // addGlobalClass: true
    // 开启多插槽支持
    multipleSlots: true,
  },

  externalClasses: ["custom-nav", "custom-nav-title"],

  /**
   * 组件的属性列表
   */
  properties: {
    // 控制返回箭头的显示/隐藏
    back: {
      type: Boolean,
      value: false,
    },
    // 返回的数量
    delta: {
      type: Number,
      value: 1
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    msg: "6666",
    statusHeight: 0,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onBack() {
      wx.navigateBack({
        delta: this.data.delta
      });
    },
  },

  /**
   * 组件的生命周期
   */
  lifetimes: {
    created() {
      // 不需要更新视图的数据初始化
      // 低版本  不能setData, 新版本可以setData
      // console.log("created()-组件创建时触发, 1次");
      // this.setData({
      //   msg: "我是打酱油的",
      // });

      // 获取状态栏的高度, 设置给页面
      const res = wx.getWindowInfo();
      this.setData({
        statusHeight: res.statusBarHeight,
      });
      // console.log(res);
    },

    attached() {
      // 多数业务在这里完成
      // console.log("attached()-组件初始化完毕时触发, 1次");
      // this.setData({
      //   msg: "我是打酱油的",
      // });
    },
  },
});
